.api {

  .tag {
    font-size: 10pt;
    margin: auto 0;
    padding: 1px 8px;
    border-radius: 4px;
    margin-right: 12px;
    white-space: nowrap;

    &.wrapper {
      background-color: #4c4c4c;
      color: #fff;

      &::before {
        content: "wrapper";
      }
    }

    &.class {
      background-color: #4c4c4c;
      color: #fff;

      &::before {
        content: "class";
      }
    }

    &.abstract {
      background-color: #4c4c4c;
      color: #fff;

      &::before {
        content: "abstract class";
      }
    }
  }

  a {
    max-width: 99%;
    word-wrap: break-word;
  }

  ul {
    list-style-type: none;
  }

  table {
    width: 100%;
    margin-top: $spacing / 2;
    margin-bottom: $spacing / 2;
    border-spacing: 0;
    white-space: nowrap;
    overflow-x: auto;

    tr {
      th {
        font-weight: 600;

        text-align: left;
      }
      td {
        font-family: 'Inconsolata', monospace;
        font-size: 12pt;
      }
    }
  }

  .info {

    margin-top: $spacing;

    .label {
      display: block;
      font-weight: 600;
    }
  }

  .overview {
    order: 1;
    display: inline-block;
  }

  .hierarchy {

    div {
      display: inline;
      marign-left: $spacing;
    }

    p {
      display: inline;
    }

    .arrow {
      font-size: 10pt;
      padding: 0 6px;
    }
  }
}
